Ext
		.define(
				'HRMobile.view.Main',
				{
					extend : 'Ext.tab.Panel',
					xtype : 'main',
					controllers : [ 'HomeController' ],
					id : 'main',
					config : {
						tabBarPosition : 'bottom',
						scrollable : true,
						fullscreen : true,
						autoDestroy : true,
						items : [
								{
									title : 'Home',
									iconCls : 'home',
									xtype : 'carousel',
									id : 'crsHomePanel',
									direction : 'vertical',
									autoDestroy : true,
									items : [
											{
												xtype : 'toolbar',
												docked : 'top',
												title : 'Home',
												items : [
														{
															xtype : 'spacer'
														},
														{
															xtype : 'selectfield',
															id : 'slfReport',
															width : Ext.os.is.Phone?'25%':null,
															options : [
																	
																	{
																		text : 'Employee by age',
																		value : 0
																	},
																	{
																		text : 'Employee by gender',
																		value : 1
																	},
																	{
																		text : 'Structure distribution',
																		value : 2
																	},	
																	{
																		text : 'Leave taken by reason',
																		value : 3
																	},
																	{
																		text : 'Leave taken by month',
																		value : 4
																	},
																	{
																		text : 'Leave taken by subunit',
																		value : 5
																	} ]
														} ]
											},
											{
												xtype : 'panel',
												docked : Ext.os.is.Phone?'top':'left',
												padding : 10,
												width : Ext.os.is.Phone ? null
														: 240,

												height : Ext.os.is.Phone ? 75
																: null,
												margin : Ext.os.is.Phone ?5:10,
												border : 1,
												style : Ext.os.is.Phone?
														'border-color: #333; border-style: solid; border-radius: 5px;background-color: white;font-size:0.5em':
															'border-color: #333; border-style: solid; border-radius: 5px;background-color: white',
												items : [
														{
															xtype : 'label',
															id : 'lblWelcome',
															style : Ext.os.is.Phone ?'padding-bottom: 5px':'padding-bottom: 10px'
														},
														{
															xtype : 'fieldset',
															items : [
																	{
																		xtype : 'label',
																		id : 'lblLeaveCount',
																		listeners : {
																			element : 'element',
																			tap : function(
																					e,
																					t) {
																				Ext
																						.getCmp(
																								'main')
																						.setActiveItem(
																								2);
																			}
																		}
																	}, ]
														},
														{
															xtype : 'fieldset',
															items : [
																	{
																		xtype : 'label',
																		id : 'lblSurveyCount',
																		listeners : {
																			element : 'element',
																			tap : function(
																					e,
																					t) {
																				Ext
																						.getCmp(
																								'main')
																						.setActiveItem(
																								3);
																			}
																		}
																	}, ]
														} ]

											},
											{
												items : {
													xclass : 'HRMobile.view.chart.EmpAgeChart',
												},
												id: 'empagechart'

											},
											{
												items : {
													xclass : 'HRMobile.view.chart.EmpGenderChart',
												}
											},
											{
												items : {
													xclass : 'HRMobile.view.chart.StructureChart'
												}
											},
											{
												items : {
													xclass : 'HRMobile.view.chart.LeaveReasonChart'
												}
											},
											{
												items : {
													xclass : 'HRMobile.view.chart.LeaveByMonthChart'
												}
											},
											{
												items : {
													xclass : 'HRMobile.view.chart.LeaveByDepartmentChart'
												}
											} ]
								},
								{
									title : 'Employees',
									iconCls : 'user',
									xtype : 'navigationview',
									autoDestroy : true,
									config : {
										autoDestroy : true,
										listeners : {
											activeitemchange : function(view,
													value, oldValue) {
												if (oldValue)
													this.remove(oldValue, true);
											}
										},
									},
									id : 'nvEmployee',
									items : [
											{
												xclass : 'HRMobile.view.EmployeeListForm',
												title : 'Employees List',
												id : 'listEmployee'
											}, ]

								},
								{
									title : 'Leave',
									iconCls : 'piechart',
									autoDestroy : true,
									xtype : 'tabpanel',
									layout : {
										pack : 'center'
									},
									ui : 'dark',
									items : [
											{
												xclass : 'HRMobile.view.LeaveRequestListForm',
												title : 'Approvals'
											},
											{
												xclass : 'HRMobile.view.YourLeaveRequestListForm',
												title : 'Requests'
											} ]

								},
								{
									title : 'Survey',
									iconCls : 'compose',
									xtype : 'navigationview',
									autoDestroy : true,
									config : {
										autoDestroy : true,
										listeners : {
											activeitemchange : function(view,
													value, oldValue) {
												if (oldValue)
													this.remove(oldValue, true);
											}
										},
									},
									id : 'nvSurvey',
									items : [
											{
												xclass : 'HRMobile.view.SurveyListForm',
												title : 'Survey List',
												id : 'listSurvey'
											}, ]
								}, {
									title : 'About',
									iconCls : 'settings',
									autoDestroy : true,
									items : [ {
										xclass : 'HRMobile.view.About',
									} ]
								} ]
					}
				});
